<template>
  <div id="dswd-home-second">
    <div v-if="device==='desktop'" class="dswd-home-second">
      <div class="secod-wrap">
        <div class="second-icon">
          <img src="../../assets/image/home/second/quick-icon.png" alt="quick-icon">
        </div>
        <div class="second-sub-title">AI智能分析处理，精准快速转化图纸</div>
        <div class="route-top" />
        <div class="secod-smart-reasons-list">
          <div class="smart-reasons">
            <div class="reasons-top" />
            <div class="second-icon">
              <img src="../../assets/image/home/second/m-yun.png" alt="m-yun">
            </div>
            <div class="reasons-title">一键操作 云端计算</div>
            <div class="reasons-sub-title">SaaS模式<br>无需安装客户端</div>
          </div>
          <div class="reasons-divide" />
          <div class="smart-reasons">
            <div class="reasons-top" />
            <div class="second-icon">
              <img src="../../assets/image/home/second/m-time.png" alt="m-time">
            </div>
            <div class="reasons-title">三天出图</div>
            <div class="reasons-sub-title">自动提取数据<br>AI协同设计</div>
          </div>
          <div class="reasons-divide" />
          <div class="smart-reasons">
            <div class="reasons-top" />
            <div class="second-icon">
              <img src="../../assets/image/home/second/m-design.png" alt="m-design">
            </div>
            <div class="reasons-title">敏捷修改参数</div>
            <div class="reasons-sub-title">移动办公<br>随时修改</div>
          </div>
        </div>
      </div>
      <div class="second-dividing-line" />
    </div>
    <div v-if="device==='ipad'" class="dswd-p-home-second">
      <div class="secod-wrap">
        <div class="second-icon">
          <img src="../../assets/image/home/second/quick-icon.png" alt="quick-icon">
        </div>
        <div class="second-sub-title">AI智能分析处理，精准快速转化图纸</div>
        <div class="route-top" />
        <div class="quick-content">
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-yun.png" alt="m-yun">
            </div>
            <div class="quick-text">
              <div class="quick-title">一键操作 云端计算</div>
              <div class="quick-sub-title">智能算法出图模式，降本增效云端协同，融合不同地域建筑规定</div>
            </div>
          </div>
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-time.png" alt="m-time">
            </div>
            <div class="quick-text">
              <div class="quick-title">三天出图</div>
              <div class="quick-sub-title">AI自动提取参数、云端计算，极速将数据转为图纸</div>
            </div>
          </div>
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-design.png" alt="m-design">
            </div>
            <div class="quick-text">
              <div class="quick-title">敏捷修改参数</div>
              <div class="quick-sub-title">移动办公随时修改方案</div>
            </div>
          </div>
        </div>
      </div>
      <div class="m-bottom-divide" />
    </div>
    <div v-if="device==='mobile'" class="dswd-m-home-second">
      <div class="secod-wrap">
        <div class="second-icon">
          <img src="../../assets/image/home/second/quick-icon.png" alt="quick-icon">
        </div>
        <div class="second-sub-title">AI智能分析处理，精准快速转化图纸</div>
        <div class="route-top" />
        <div class="quick-content">
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-yun.png" alt="m-yun">
            </div>
            <div class="quick-text">
              <div class="quick-title">一键操作 云端计算</div>
              <div class="quick-sub-title">智能算法出图模式，降本增效云端协同，融合不同地域建筑规定</div>
            </div>
          </div>
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-time.png" alt="m-time">
            </div>
            <div class="quick-text">
              <div class="quick-title">三天出图</div>
              <div class="quick-sub-title">AI自动提取参数、云端计算，极速将数据转为图纸</div>
            </div>
          </div>
          <div class="quick-item">
            <div class="quick-icon">
              <img src="../../assets/image/home/second/m-design.png" alt="m-design">
            </div>
            <div class="quick-text">
              <div class="quick-title">敏捷修改参数</div>
              <div class="quick-sub-title">移动办公随时修改方案</div>
            </div>
          </div>
        </div>
      </div>
      <div class="m-bottom-divide" />
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  data() {
    return {
      cardId: null
    }
  },
  computed: {
    ...mapState({
      device: (state) => state.app.device
    })
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@import "~@/styles/home/second.scss";
</style>
